<template>
	<view class="hot-container">
		<text class="hot-item" v-for="(item, index) in hotList" :key="index"
			@click="toGoodsList(item)">{{ item }}</text>
	</view>
</template>

<script>
	export default {
		name: "hot-list",
		props: {
			hotList: {
				type: Array,
				default: []
			}
		},
		methods: {
			toGoodsList(item) {
				this.$emit('toGoodsList', item)
			}
		}
	}
</script>

<style>
	page {
		background-color: #fff;
		font-size: 30rpx
	}
</style>

<style lang="scss">
	.hot-container {
		display: flex;
		flex-direction: column;

		.hot-item {
			padding: 1vh 7vw;
			background-color: rgba(190, 190, 190, .1);
			border-radius: 3vh;
			margin: 1vh 1vw;
		}
	}
</style>
